html,body,
body *{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body{
	background-color: #eee;
	margin: 0;
	padding: 0;
	font-size:14px;
	font-family: "microsoft yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input,
textarea {
    -webkit-appearance: none; /* 方法2 */
}
a{
	text-decoration: none;
}
.header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 45px;
	background-color: #fff;
	border: 1px solid #eee;
}
.header a{
	color: #333;
	text-decoration: none;
}
.header > .title{
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
}
.header > .left-btn{
	position: absolute;
	height: 45px;
	line-height: 45px;
	left: 0;
	top: 0;
	padding:0 15px;
	text-align: left;
}
.header > .right-btn{
	position: absolute;
	height: 45px;
	line-height: 45px;
	right: 0;
	top: 0;
	padding:0 15px;
	text-align: right;
	color:#df3031;
}
.page-content{
	padding-top:45px;
}

/*login page*/
.page-content .logo{
	margin: 30px 0;
    height: 80px;
    background: url(../images/cat.png) no-repeat center;
    background-size: contain;
}
.page-content .input-wrapper {
    margin: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.page-content .input-wrapper>.input-shell {
    height: 45px;
    border: 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 0 20px 0 45px;
    background-size: 30px 30px;
    background-position: 7.5px center;
    background-repeat: no-repeat;
    position: relative;
}
.page-content .input-wrapper>.input-shell.phone {
    background-image: url(../images/phone.png);
}
.page-content .input-wrapper>.input-shell.key {
    background-image: url(../images/key.png);
}
.page-content .input-wrapper>.input-shell.nickname{
	background-image:url(../images/nickname.png);
}
.page-content .input-wrapper>.input-shell.code{
	background-image:url(../images/code.png);
}
.page-content .input-wrapper>.input-shell.last {
    border-bottom: 0;
}
.reg-login .page .input-wrapper>.input-shell.last{
	border-bottom:0;
}
.page-content .input-wrapper>.input-shell>input {
    font-size: 14px;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: #fff;
    width: 100%;
    height: 45px;
    line-height: 45px;
}
.page-content .input-wrapper>.input-shell>.control.invisible.visible {
    background-position: bottom center;
}

.page-content .input-wrapper>.input-shell>.control.invisible {
    width: 25px;
    height: 25px;
    margin: 10px;
    overflow: hidden;
    padding: 0;
    background-image: url(../images/pw-visible.png);
    background-size: 25px 50px;
    background-position: top center;
    background-repeat: no-repeat;
}
.page-content .input-wrapper>.input-shell>.control.disable{
	color:#aaa;
}
.page-content .input-wrapper>.input-shell>.control {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #df3031;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.page-content a.submit{
	font-size:16px;
	display:block;
	height:45px;
	border-radius:5px;
	background-color:#df3031;
	line-height:45px;
	text-align:center;
	margin:20px;
	color:#fff;
	text-decoration: none;
}
.page-content a.submit:active{
	background-color:#af1b1b;
}
.page-content a.submit.disable{
	background-color:#ddd;
	color:#999;
}
.page-content a.question{
	display:block;
	margin:100px auto 0;
	text-align:center;
	color:#df3031;
	text-decoration: none;
}
.page-content a.question > span{
	color:#333;
}
.page-content .protocal{
	color:#6b8dc7;
	margin:20px;
}
.page-content .protocal>a{
	text-decoration:underline;
	color:#6b8dc7;
}
/*deposit page*/
.page-content .tips{
	padding: 10px;
	margin: 10px 0;
}
.page-content .content-card{
	padding: 10px;
	background-color: #fff;
	margin: 10px 0;
}
.page-content .content-card h2{
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
}
.page-content .content-card p{
	margin: 10px;
	line-height: 25px;
}
.page-content .content-card .wechat-id{
	margin: 10px;
	padding: 10px;
	border: 1px solid #999;
	border-radius: 3px;
	text-align: center;
}
.page-content .content-card .wechat-qrcode{
	width: 50%;
	margin: 10px 25%;
}